//公共样式开始
*{margin: 0;padding: 0;}
.fl{float: left;}
.fr{float: right;}
._w100{
    width: 100%;
   
}
._certain{
    width: 990px;margin: 0 auto;  
   
}
.jz{margin: 0 auto;}
a:hover{color:#E60012;text-decoration: none;}

*{
    padding: 0;
    margin: 0;
    font-size: 12px;
    
}
a{
    text-decoration: none;
}
p{margin-bottom: 0;}
li{
    list-style: none;
}
input{
    border: 0;
}
body{
    font-family:Tahoma;
  padding-bottom: 500px;
}
ol,ul{margin-bottom: 0;}


//顶部开始
.tp{background: #F1F1F1;}
.top{
    height: 25px;line-height: 25px;
    z-index: 100px;
    .top_l{
        float: left;
        li{
            float: left;margin-right: 15px;
            position: relative;
         }
        //二维码
        .ip{
            .wx{
                position: absolute;
                right: 0;top: 20px;
                width: 240px;height:135px ;
                z-index: 100px;
                display: none;
                .dv1{
                    width: 93px;height: 98px;
                    background: url(../images/app.png) 0 0 no-repeat;
                    margin-left: 10px;
                    margin-top: 5px;
                }
                .dv2{
                    width: 115px;height: 35px;
                    background: url(../images/app.png) -107px -9px no-repeat;
                    margin-left: 10px;
                        margin-top: 12px;
                }
                .dv3{
                    width: 115px;height: 35px;
                    background: url(../images/app.png) -107px -50px no-repeat;
                    margin-left: 10px;
                    margin-top: 12px;
                }
                .la{
                    width: 240px;height: 20px;
                    font-size: 20px;
                    font-weight: 700;
                    text-align: center;
                }
            }
        }
    }
    //二维码结束
    //顶部右侧下拉菜单
    .top_r{
        float: right;
        width: 450px;
        .link{
            display: block;
            float: right;
            margin-left: 15px;
            position: relative;
        }
        .fz{
                position: relative;
                .hz{
                width: 66px;height: 40px;
                position: absolute;
                top: 25px;
                right: -15px;
                  display: none;
                li{                  
                    width: 70px;height: 20px;
                    line-height: 20px;
                    a{
                        margin-left: 10px;
                    }
                }
            }
        }
        .cil{
            position: relative;
                .hiy{
                width: 156px;height: 120px;
                position: absolute;
                top: 25px;
                right: -10px;
                display: none;
                li{                  
                    width: 156px;height: 20px;
                    line-height: 40px;
                    a{
                        margin-left: 10px;
                        line-height: 25px;
                        margin-top: 2px;
                    }
                }
            }
        }
        .hid{display: none;}
    }
}
    //顶部右侧下拉菜单结束

.top_down{
    height: 45px;
    padding-top: 15px;
    .logo{
        height: 50px;width: 360px;
        background: url(../images/logo_bg.jpg) 0 0 no-repeat;
    }
    .process{
       margin-top: 15px;
        li{
            float: left;padding-left: 30px;padding-right: 30px;padding-top: 5px;padding-bottom: 5px;
            line-height: 14px;background: #E8E8E8;margin-left: 3px;
            letter-spacing: 2px;
        }
    }
}
//公共样式结束
//填写收货地址
.client_ad{
    //height: 205px;
    margin-top: 50px;
    .ad_hd{
        height: 33px;
        line-height: 43px;
        border-bottom: 1px solid #C0C0C0;
        h4{width: 190px;float: left;}
        span{display: block;float: left;}
        .hd1{margin-left: 20px;}
        .hd2{float: right;}
        
    }
    .detail_ad{
        position: relative;
        height: 162px;
        margin-top: 20px;
        div{position: absolute;left: 20px;}
        select{width: 100px;height: 20px;}
        input{
            width: 155px;height: 20px;
            border: 1px solid #C0C0C0;
        }
        .one{
            top:10px
        }
        .two{
            top:45px
        }
        .three{
            top: 75px;
            left: 90px;
        }
        .four{
            top: 105px;
        }
        .five{
            top: 135px;
        }
       
    }
}
//付款方式
.pay{
    height: 260px;
    margin-top: 20px;
    .pay_hd1{
        height: 33px;
        line-height: 43px;
        border-bottom: 1px solid #C0C0C0;
        h4{width: 190px;float: left;}
        span{display: block;float: left;}
        .hd2{float: right;}
    }
    .pay_hd2{
        height: 40px;
        position: relative;
        border-bottom: 1px dashed #C0C0C0;
        p{
            line-height: 45px;float: left;
            position: absolute;
            left: 0px;
            color: #E60012;
        }
    }
    .card{
        height: 60px;
        padding-top: 20px;
        input{
             width: 155px;height: 20px;
            border: 1px solid #C0C0C0;
        }
    }
    .choose{
         color: #E60012;
        span{
            font-weight: 700;
            font-size: 14px;
            color: #666666;
        }
    }
}
//选择付款银行
.bank{
    height: 200px;
    border: 1px solid #EBCCCC;
    margin-bottom: 15px;
    .word{
        height: 40px;
        h4{width: 90px;float: left;}
        span{display: block;float: left;}
        .hd2{float: left;line-height: 40px;}
    }
    .bank_lis{
        margin-top: 15px;
        li{
            width: 135px;
            height: 42px;
            border: 1px solid #C0C0C0;
            float: left;
            position: relative;
            margin-bottom: 5px;
            margin-right: 0px;
            margin-left: 5px;
            img{width: 100%;height: 100%;}
            input{
                position: absolute;
                left: 7px;bottom: 15px;
            }
        }
        .last{
            text-align: center;
            a{line-height: 42px;padding: 10px;}
        }
    }
}
//货到付款
.cod{
    height: 60px;
    margin-bottom: 15px;
    .cf{
        height: 40px;
        h4{width: 110px;float: left;}
        span{display: block;float: left;}
        .hd2{float: left;line-height: 40px;}
    }
}
//订单列表开始
.lis{
    margin-top: 35px;
    border: 1px solid #C0C0C0;
   
    .tab{
    height: 39px;width: 888px;
     margin-left: 15px;
    li{float: left;line-height: 39px;text-align: center;color: #B6B6C0;}
    .fir{width: 54px;}
    .big{width: 400px;}
    .normal{width: 105px;}
    .last{width: 108px;}
    }
    .menu{
        width: 888px;height: 65px;
        margin-left: 15px;
        padding-top: 10px;padding-bottom: 10px;

        margin-bottom: 18px;
        p{margin-bottom: 5px;}
        li{
            height: 64px;
            padding-top: 12px;
            margin-left: -10px;
            line-height: 14px;
        }
        .fir{
            width:74px; position: relative;
            input{float: left;margin-top: 8px;}
            a{
                display: block;float: left;margin-bottom: 20px;
                position: absolute;left: 28px;top: -5px;
                border: 1px solid #C0C0C0;
                
            }
        }
        .big{
            width: 370px;
            p{width: 223px;line-height: 20px;}
        }
        .normal{
            width: 109px;
            input{display: block;height: 23px;width: 23px;border: 1px solid #C0C0C0;}
        }
        .spe{
            div{margin-left: 15px;}
        }
        .last{width: 108px;}
        
    }
    .account{
        height: 49px;background: #EEEEEE;
        margin-top: 30px;
        position: relative;
        overflow: hidden;
        .bt{margin-left: 30px;margin-top: 10px;}
        .js{
            height: 48px;width: 120px;background: orangered;
            position: absolute;right: 0px;top: 0px;
            line-height: 48px;text-align: center;
            a{padding: 10px;color: white;}
        }
        .total{
            position: absolute;right: 145px;top: 15px;
            .lef{color: #787878;}
            .rig{font-size: 18px;color: #E60012;font-weight: 700;}
        }
    }
    
    
    
    
}


//订单列表结束

//底部确认提交
.confirm{
    height: 220px;
    border: 1px solid #C0C0C0;
    border-top: none;
    position: relative;
    button{
        position: absolute;
        right: 190px;
        bottom: 8px;
    }
    ul{
        float: right;
        margin-right: 200px;
        li{
            text-align: right;
            line-height: 40px;
            color: #666666;
            span{
                margin-left: 25px;
                letter-spacing: 1px;
            }
            .bg{
                font-size: 15px;
                font-weight: 700;
            }
            .gr{
                color: #009900;
            }
            .tl{
                font-size: 16px;
                color: #E60012;
                font-weight: 700;
            }
        }
    }
}
.bottom{
        height: 100px;
       margin-top: 30px;
        border-top: 1px solid #C0C0C0;
        p{
            margin-left:70px;
            margin-top: 10px;
            span:hover{color: #E60012;}
         }
}








































